<style>
    .btn-default {
        background-color:#e6e6e6;
        border-color:#adadad;
    }
    .btn-focused{
        color:#ff6625;
        background-color:#faebb9;
        border-color:#ff6625;
    }
    .btn-default:hover{
        color:#ff6625;
        background-color:#faebb9;
        border-color:#ff6625;
    }
</style>

<div class="row" style="background-color:#ffffff; padding-top:10px; padding-bottom:10px">
    <div class="col-xs-3" style="padding-left:5px; padding-right:5px">
        <a class="btn btn-default {{(currentType == rankTypes.year)? 'btn-focused':''}}" ng-click="setType(rankTypes.year)">年度</a>
    </div>
    <div class="col-xs-3" style="padding-left:5px; padding-right:5px">
        <a class="btn btn-default {{(currentType == rankTypes.quater)? 'btn-focused':''}}" ng-click="setType(rankTypes.quater)">季度</a>
    </div>
    <div class="col-xs-3" style="padding-left:5px; padding-right:5px">
        <a class="btn btn-default {{(currentType == rankTypes.month)? 'btn-focused':''}}" ng-click="setType(rankTypes.month)">月度</a>
    </div>
    <div class="col-xs-3" style="padding-left:5px; padding-right:5px">
        <a class="btn btn-default {{(currentType == rankTypes.day)? 'btn-focused':''}}" ng-click="setType(rankTypes.day)">今日</a>
    </div>
</div>
<div style="background-color:#e6e6e6; line-height:50px" ng-click="goforum()">
    <div class="col-xs-11" style="color:#38a4e9; padding-right:0px; background-color:#e6e6e6">
        到微社区-“文明交通我参与”查中奖赚积分
    </div>
    <div class="col-xs-1 text-right" style="padding-left:0px;background-color:#e6e6e6">
        <img src="img/go-forward.png" />
    </div>
</div>
<div style="background-color:#ffffff">

    <div pullable-view topics="scores" class="row mytopic" ng-if="scores.length>0">
        <div class="refresh-icon" style="height:{{refreshHeight}}px;">
            <i class="fa fa-circle-o-notch fa-spin"></i> 放开手指刷新
        </div>

        <div>
            <div class="row" ng-repeat="item in scores">
                <div class="row" style="line-height:50px">
                    <div class="col-xs-2">
                        {{$index+1}}&nbsp;.
                    </div>
                    <div class="col-xs-5" style="color:#ff6625">
                        {{item.score}}
                    </div>
                    <div class="col-xs-5 text-right">
                        {{item.phoneNum.substring(0,3) + "****" + item.phoneNum.substring(8,11)}}
                    </div>
                </div>
                <hr class="hr" style="margin:0px" />
            </div>
            <div ng-show="showMore" class="load-more">
                <span ng-if="isTapping && !noMorePage">放开手指，加载更多积分</span>
                <span ng-if="isTapping && noMorePage">已经是最后一页了</span>
                <span ng-if="isLoading"><i class="fa fa-circle-o-notch"></i>正在加载更多积分。。。</span>
            </div>
            <div class="btn-more" ng-show="!hasTouch">显示更多</div>
        </div>
    </div>

    <!--<div class="row" ng-repeat="item in scores">
        <div class="row" style="line-height:50px">
            <div class="col-xs-2">
                {{$index+1}}&nbsp;.
            </div>
            <div class="col-xs-5" style="color:#ff6625">
                {{item.score}}
            </div>
            <div class="col-xs-5 text-right">
                {{item.phoneNum.substring(0,3) + "****" + item.phoneNum.substring(8,11)}}
            </div>
        </div>
        <hr class="hr" style="margin:0px" />
    </div>-->
</div>
